/*codeWeb默认样式*/
/*============================== start ==============================*/

/*scrollbar 公共样式*/
/*滑动条整体*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: grab;
}

/*滑动条里面轨道*/
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
  background-color: lightslategray;
}

/*滑动条里面小方块*/
::-webkit-scrollbar-thumb {
  background-color: skyblue;
  background-clip: padding-box;
  border: 1px solid transparent;
}

/*滑动条里面小方块-悬停*/
::-webkit-scrollbar-thumb:hover {
  background-color: lightcyan;
  cursor: grab;
}

::-webkit-scrollbar-thumb:active {
  background-color: lightcyan;
}

/* 滑动条Buttons */
::-webkit-scrollbar-button:single-button {
  background-color: lightgrey;
  display: block;
  border-style: solid;
  width: 10px;
  height: 10px;
}

/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 8px 8px 8px;
  border-color: deepskyblue transparent deepskyblue transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent lightcyan transparent;
}

/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 8px;
  border-color: deepskyblue transparent deepskyblue transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: lightcyan transparent transparent transparent;
}


/*el-container 公共样式*/
.el-header {
  position: absolute;
  width: 100%;
  height: 5%;
  margin-left: -20px;
}

.el-main {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 5%;
  overflow-y: scroll;
  margin-left: -10px;
}

.el-footer {
  position: absolute;
  width: 100%;
  height: 2%;
  bottom: 0;
  margin-left: -20px;
}

.el-backTop {
  border-radius: 1%;
  width: 39px;
  background: skyblue;
}

.el-backTop:hover {
  background: lightcyan;
}

/*button 公共样式*/
button[type="submit"],
button[type="button"] {
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

button[type="submit"]:hover {
  color: white;
}


/*el-tag 公共样式*/
.el-tag {
  color: lightblue;
  background: lightslategrey;
  border: none;
  border-radius: unset;
}


/*el-divider公共样式*/
.el-divider {
  background: lightsteelblue;
}

.el-divider__text {
  background: transparent;
  color: lightslategrey;
}


/*p 自动换行*/
p {
  word-break: break-all;
  word-wrap: break-word
}

/*============================== end ==============================*/
